//灰度命名（grayscale） 和语义命名（semantic）。
$brand-primary:         rgb(250,141,74) !default;
$bd-success:         #5cb85c !default;
$bd-info:            #5bc0de !default;
$bd-warning:         #f0ad4e !default;
$bd-danger:          #d9534f !default;

$baseFontColor : #555;        //字体颜色
$baseBorderColor: #d9d9d9;    //边框颜色
$baseBgColor: white;          //网站背景颜色
$linkBaseColor : #999;        //链接颜色
$linkBaseHoverColor: #717171; //链接悬浮颜色
$linkTitleColor: #555;        //标题链接颜色
$linkTitleHoverColor: black;  //标题链接悬浮颜色
$linkLightColor: #4094c7;     //高亮链接颜色
$linkLightHoverColor: #075b8d;//高亮链接悬浮颜色
$tagActiveColor: white;       //标签激活字体颜色
$tagActiveBgColor: #e78170;   //标签激活背景颜色
$tagBgColor: transparent;     //标签背景色
$tagBdColor: #d9d9d9;         //标签边框颜色

$color-lightgray: #999999;
$nightBorderColor: #2f2f2f;    
$nightBgColor: #3f3f3f;
$nightLinkBaseColor : #999;        
$nightLinkBaseHoverColor: #717171; 
$nightLinkTitleColor: #b1b1b1;        
$nightLinkTitleHoverColor: white;  
$nightLinkLightColor: #3dbcf5;     
$nightLinkLightHoverColor: #4094c7;
$nightTagActiveColor: white; 
$nightTagActiveBgColor: black;    
$nightTagBgColor: #2f2f2f;
$nightTagBdColor: #2f2f2f;
$selected-table-bg: #FA8D4A;

//navbar
$navbarSize:45px;
$navBgColor: #2a2a2a;
$navBdColor: #f49484;

$navHoverBgColor: #f49484;
$navActiveColor:#e78170;
$navTextShadowColor: #de533a;
$navShadowColor: #eee;

$nightNavHoverBgColor: #555555;
$nightNavActiveColor: #222222;
$nightNavTextShadowColor: black;
$nightNavShadowColor: #2f2f2f;



//sns
$weiboBgColor: #f57e42;
$qqBgColor: #15a7f0;
$githubBgColor: #49be38;
$googleBgColor: #e03d37;
$wechatBgColor: #49be38;
$snsBgColor: #eee;
$nightSnsBgColor: #2f2f2f;
//comment
$commentFontSize: 13px;
//markdown
$mdFontColor: #2f2f2f;
$mdLinkColor: #4094c7;
$mdLinkHColor: #075b8d;
$mdCodeColor: #d96f5d;
$mdCodeBgColor: #fae5e2;
$mdQuoteBdColor: #999;
$mdQuoteBdLeftColor: #999;
$mdQuoteBgColor: whitesmoke;

$nightMdFontColor: #b1b1b1;
$nightMdLinkColor: #4094c7;
$nightMdLinkHColor: #075b8d;
$nightMdCodeColor: #839496;
$nightMdCodeBgColor: #002b36;
$nightMdQuoteBdColor: #2f2f2f;
$nightMdQuoteBdLeftColor: #999;
$nightMdQuoteBgColor: #555;

$screen-xs:                  480px !default;
//** Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min:              $screen-xs !default;
//** Deprecated `$screen-phone` as of v3.0.1
$screen-phone:               $screen-xs-min !default;

// Small screen / tablet
//** Deprecated `$screen-sm` as of v3.0.1
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
//** Deprecated `$screen-tablet` as of v3.0.1
$screen-tablet:              $screen-sm-min !default;

// Medium screen / desktop
//** Deprecated `$screen-md` as of v3.0.1
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
//** Deprecated `$screen-desktop` as of v3.0.1
$screen-desktop:             $screen-md-min !default;

// Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
//** Deprecated `$screen-lg-desktop` as of v3.0.1
$screen-lg-desktop:          $screen-lg-min !default;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;
$screen-sm-max:              ($screen-md-min - 1) !default;
$screen-md-max:              ($screen-lg-min - 1) !default;

// $font-size-base:             1rem !default;
// $font-size-lg:               1.25rem !default;
// $font-size-sm:               .85rem !default;
// $font-size-xs:               .75rem !default;
$font-size-base:          14px !default;
$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px

$color-darkwhite:                #fafafa;
$color-whitegray: #f0f0f0;
// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.

// $btn-padding-x:                  1rem;
// $btn-padding-y:                  .375rem;
// $btn-font-weight:                normal !default;

// $btn-primary-color:              #fff !default;
// $btn-primary-bg:                 $brand-primary !default;
// $btn-primary-border:             $btn-primary-bg !default;

// $btn-secondary-color:            $gray-dark !default;
// $btn-secondary-bg:               #fff !default;
$color-gray:#cccccc;

// $btn-info-color:                 #fff !default;
// $btn-info-bg:                    $brand-info !default;
// $btn-info-border:                $btn-info-bg !default;

// $btn-success-color:              #fff !default;
// $btn-success-bg:                 $brand-success !default;
// $btn-success-border:             $btn-success-bg !default;

// $btn-warning-color:              #fff !default;
// $btn-warning-bg:                 $brand-warning !default;
// $btn-warning-border:             $btn-warning-bg !default;

// $btn-danger-color:               #fff !default;
// $btn-danger-bg:                  $brand-danger !default;
// $btn-danger-border:              $btn-danger-bg !default;

// $btn-link-disabled-color:        $gray-light !default;

$btn-padding-x-sm:               .75rem !default;
$btn-padding-y-sm:               .25rem !default;

$btn-padding-x-lg:               1.25rem !default;
$btn-padding-y-lg:               .75rem !default;

// Allows for customizing button radius independently from global border radius
// $btn-border-radius:              $border-radius;
// $btn-border-radius-lg:           $border-radius-lg;
// $btn-border-radius-sm:           $border-radius-sm;

$login-btn-bgcolor: #64A52F;
$login-btn-bgcolorhover: #509816;
$bgcolor-primary: #FA8F4C;
$employee-image-width: 80px;
$employee-btn-bgcolor: #FA8D4A;
$employee-btn-hovercolor: #F16D1C;

$color-primary:#ff8225;
$color-accent: #40b4a1;
$color-warn: #e4564a;
$color-input: #FF5722;
$color-white: #FFFFFF;
$color-black: #000000;
$color-lightblack: #333333;
// Typography
// ------------------------------
$font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif !default;
$font-size:   10px;

$display-4-font-size-base: rem(11.20) !default;
$display-3-font-size-base: rem(5.600) !default;
$display-2-font-size-base: rem(4.500) !default;
$display-1-font-size-base: rem(3.400) !default;
$headline-font-size-base:  rem(2.400) !default;
$title-font-size-base:     rem(2.000) !default;
$subhead-font-size-base:   rem(1.600) !default;

$body-font-size-base:      rem(1.400) !default;
$caption-font-size-base:   rem(1.200) !default;

// Layout
// ------------------------------

$baseline-grid:            8px !default;
$layout-breakpoint-sm:     600px !default;
$layout-breakpoint-md:     960px !default;
$layout-breakpoint-lg:     1200px !default;
$layout-gutter-width:      ($baseline-grid * 2) !default;


// App bar variables
$app-bar-height: 64px;

$toast-height: $baseline-grid * 3 !default;
$toast-margin: $baseline-grid * 1 !default;

// Whiteframes

$shadow-key-umbra-opacity: 0.2;
$shadow-key-penumbra-opacity: 0.14;
$shadow-ambient-shadow-opacity: 0.12;

// NOTE(shyndman): gulp-sass seems to be failing if I split the shadow defs across
//    multiple lines. Ugly. Sorry.
$whiteframe-shadow-z1: 0px 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 2px 2px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 1px 5px 0px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
$whiteframe-zindex-z1: 1 !default;
$whiteframe-shadow-z2: 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);
$whiteframe-zindex-z2: 2 !default;
$whiteframe-shadow-z3: 0px 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 6px 10px 0px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 1px 18px 0px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
$whiteframe-zindex-z3: 3 !default;
$whiteframe-shadow-z4: 0px 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
$whiteframe-zindex-z4: 4 !default;
$whiteframe-shadow-z5: 0px 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), 0px 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), 0px 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
$whiteframe-zindex-z5: 5 !default;



// Z-indexes
//--------------------------------------------

$z-index-tooltip: 100 !default;
$z-index-dialog: 80 !default;
$z-index-toast: 90 !default;
$z-index-bottom-sheet: 70 !default;
$z-index-sidenav: 60 !default;
$z-index-backdrop: 50 !default;
$z-index-fab: 20 !default;

// Easing Curves
//--------------------------------------------

$swift-ease-out-duration: 0.4s !default;
$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;

$swift-ease-in-duration: 0.3s !default;
$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;

$swift-ease-in-out-duration: 0.5s !default;
$swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;


// sidenav
$sidenav-default-width: 304px !default;
$sidenav-min-space: 56px !default;

// icon-button
$icon-button-height: rem(4.800) !default;
$icon-button-width: rem(4.800) !default;
$icon-button-margin: rem(0.600) !default;

$content-padding: 3rem;